
article,header,section,time {
    display: block;
}
a,button,input, canvas{-webkit-tap-highlight-color:rgba(255,0,0,0);outline:none}
input[type=text], textarea, input[type=submit]{-webkit-appearance:none;}
html,body,p,div,img,article,header,section,time {
    margin: 0;
    padding: 0;
    word-break: break-all;
}


.comment{padding-bottom:64px;}
.comment_li {
    position: relative;
    border-bottom: 1px solid #f0f0f0;
}

.comment_userPhoto {
    position: absolute;
    left: 10px;
    top: 10px;
    border-radius: 25px;
    overflow: hidden;
}

.comment_userPhoto img {
    width: 50px;
    height: 50px;
    border-radius: 25px;
}

.comment_body {
    margin-left: 60px;
    padding: 10px;
}

.comment_head,.comment_box_h {
    position: relative;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #68ccfa;
    overflow:Hidden
}

.comment_reply,.comment_box_h span {
    position: absolute;
    right: 0;
    top: 0;
    color: #68ccfa;
}
.comment_del{
    position: absolute;
    right: 44px;
    top: 0;
    color: #777;
}
.comment_dig, .comment_digged{float:right;font-size:18px;color:#999}
.comment_dig{color:#68ccfa;}
.comment_box_h span {
    color: #333;
}

.comment_time {
    font-size: 14px;
    color: #999;
}

.comment_box {
    margin: 5px 0;
    padding: 0 2px;
    border: 1px solid #bfe3f1;
    background-color: #ecf7fb;
}
.comment_box .comment_box .comment_box .comment_box{padding:0;border-left:0;border-right:0;}

.comment_box_h,.comment_box_b {
    margin: 6px;
}

.comment_box_h {
    height: 24px;
    line-height: 24px;
    font-size: 16px;
}
.comment_foot{position:fixed;left:0;bottom:0;z-index:99;width:100%;height:42px;border-top:10px solid #f8f8f8;border-bottom:10px solid #f8f8f8;background-color:#f8f8f8;}
.comment_input{margin-left:10px;margin-right:10px;height:100%;border:1px solid #d6d6d6;background-color:#fff;border-radius:6px;overflow:hidden;}
.comment_input .input{color:#777;outline:none;width:100%;height:100%;border:0 none;font-size:16px;line-height:40px;}
.comment_action{text-align:right;margin-top:10px}
.comment_submit{width:80px;border-radius:0;border:none;height:32px;font-size:16px;line-height:32px;background-color:#68ccfa;color:#fff;text-align:center;user-select:none;-webkit-user-select:none;}
.comment_textarea{margin:0 5px;}
.comment_text{display: block;width: 100%;height: 60px;border: 1px solid #DDD;padding: 5px;font-size:16px;border-radius:0;margin-left: -7px;resize: none;}
.comment_text:focus{  border: 1px solid #25ACFF;-webkit-box-shadow:0 0 2px rgba(50, 167, 255, .5)}
.comment_back{font-size:16px;color:#555;}
.comment_sign{color:#c00;font-size:16px;}
.comment_success{color:#7EAE2A;}
.comment_back{display:none;text-align:center;}

#resultWin{display:none;position:fixed;left:10%;top:40%;width:80%;background-color:#fff;border-radius:6px;z-index:9;overflow:hidden;}
#resultWin header{padding:20px;text-align:center;}
#resultWin_loding{padding-top:0;padding-bottom:20px;text-align:center;}
#resultWin footer{line-height:40px;border-top:1px solid #bbb;text-align:center;}
#resultWin footer a{display:block;width:100%;height:40px;}
#shield{display:none;position:fixed;top:0;left:0;width:100%;height:100%;margin:0;background:rgba(0,0,0,.5);z-index:8;}
    
#loadSign{ border: 1px solid #e5e5e5;background:#fff;line-height:36px;margin:10px 20px;text-align:center;}
  
.aui_inner .aui_dialog{width:100%;}  
.aui_header{background-color: #3bafda;border-radius: 5px 5px 0 0;}
.aui_titleBar{width:100%;overflow:hidden;}
    .aui_dialog{ font-family:"Arial","Verdana","sans-serif","Microsoft YaHei","Helvetica";}
    .aui_dialog .tpl-cle-btn{color:#000;}

.comment_area{padding:10px 10px;}
.confirm-delete-action .btn{overflow:hidden;height:34px;padding-top:1px;}   
    
    *,::after,::before{-webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
    article,aside,details,figcaption,figure,footer,header,menu,nav,section,time{display:block;}
    html,body,h1,h2,h3,h4,h5,h6,p,div,ul,ol,dl,li,dt,dd,img,input,article,aside,details,figcaption,figure,footer,header,menu,nav,section,time{margin:0;padding:0;}
    html,body{font:16px/1.5 Tahoma, Geneva, sans-serif;color:#333;}
    input{outline:0;box-shadow:none;}
    li{list-style:none;}
    img{border:0;vertical-align:middle;}
    a{text-decoration:none;}
    h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;}
    time{font-weight:normal;}
    .clear {clear: both;}
    .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;*zoom:1;}

    .info_header{padding:10px 0;}
    .info_tit{font-size:18px;}
    .info_time{font-size:14px;color:#999;}
    .info_pic{text-align:center;}
    /*.info_body p{padding:6px 0;text-indent:2em;}*/
    .info_body p{padding:6px 0;}
    .info_author{text-align:right;}
    .vote{margin-top:20px;}
    .vote_tit{line-height:40px;font-weight:bold;}
    .vote_con dt,.vote_con dd{position:relative;height:36px;line-height:36px;margin:4px 0;}
    .vote_con dt label{margin-right:20px;overflow:hidden;}
    .vote_con dd div{margin-right:100px;}
    .vote_con dt span,.vote_con dd span{position:absolute;top:0;right:0;width:46px;height:36px;text-align:right;white-space: nowrap;background:#f2f2f2}
    .vote_con dd div em{display:block;text-align:left;font-style:normal;text-indent:2px;background-color:#fff;white-space: nowrap;}
    .voted dt span,.vote_con dd,.voted .vote_submit{display:none;overflow:hidden;}
    .voted .vote_con dd{display:block;}
    .vote_submit, .com-submit{display:block;height:40px;line-height:40px;margin:20px 0;background-color:#68ccfa;text-align:center;color:#fff;border-radius:6px;}
    .vote_color_1{background-color:#ef5252;}
    .vote_color_2{background-color:#ef8a52;}
    .vote_color_3{background-color:#efba52;}
    .vote_color_4{background-color:#c852ef;}
    .vote_color_5{background-color:#efba52;}
    .vote_color_6{background-color:#52efd7;}
    .vote_color_7{background-color:#52afef;}
    .vote_color_8{background-color:#c852ef;}
    .vote_color_9{background-color:#ef529c;}
    .info_body{width:100%;overflow:hidden;font-size:18px;}
    .info_body .info_pic img{/*max-width:100%;*/width:100%!important;}
    /*.info_body p img{margin-left: -2em;}*/
    .info_body table{max-width:100% !important;}
    
.opposite{margin:20px 0 40px;}
.opposite-side-0{float:left}
.opposite-side-1{float:right}
.opposite-side{color:#b1b1b1;background:url(../../images/ucenter/dig.png) no-repeat 50% 100%;padding-bottom:18px;background-size:18px 17px;}
.opposite-main{padding:0 40px;}
.opposite-main h3{text-align:center;margin-bottom:3px;font-weight:100}
.opposite-result div{height:12px;line-height:12px;font-size:12px;color:#fff;float:left;transition: width 1s linear;-webkit-transition: width 1s linear;}
.opposite-result div:first-child{text-align:left;background:#57b4d7;border-radius:6px 0 0 6px;-webkit-border-radius:6px 0 0 6px;}
.opposite-result div:last-child{text-align:right;background:#e74576;border-radius:0 6px 6px 0;-webkit-border-radius:0 6px 6px 0}
.opposite-result div span{margin:0 5px}

.help{}   
.help-header{margin:8px 15px;background:url(../../images/ucenter/appheader.png) no-repeat;height:29px;background-size:166px 29px;}
.help-nav{background:#92c74b;padding:0 15px;line-height:39px;height:39px;font-size:14px;}
.help-nav li{float:left;width:25%;text-align:center;position:relative;}
.help-nav li a{font-size:14px;color:#fff;display:block;position:relative;}
.help-nav li .current::before, .help-nav li.show-child a::before{content:".";height:0;width:0;position:absolute;left:50%;bottom:0;margin-left:-5px;font-size:0;border:7px solid #f3f3f3;border-color:transparent transparent #f3f3f3 transparent;}
.help-nav li:nth-child(4) a::before{margin-left:-12px;}
.help-nav li.show-child a::before{border-bottom-color:#73a92a}
.help-nav li:nth-child(4) a::after{content:".";display:inline-block;border:5px solid #73a92a;font-size:0;line-height:0;  vertical-align: middle;border-color: #73a92a transparent transparent transparent;margin:3px 0 0 5px;}
.help-nav li.show-child:nth-child(4) a::after{border-color:transparent transparent #73a92a transparent;margin:-5px 0 0 5px;}
.help-nav li:nth-child(4) li a::after, .help-nav li.show-child li a::before{display:none;}
.help-nav ul ul{width:160px;background:#92c74b;position:absolute;right:0;top:39px;display:none;z-index:1005;}
.help-nav li.show-child ul{display:block;}
.help-nav li li{float:none;width:100%;border-top:1px solid #84b640;line-height:34px;height:34px;}
.help-nav li li:first-child{border-top:3px solid #73a92a;}
.help-nav li li a{text-align:left;padding-left:14px;}

.help-breadcrumb{line-height:39px;background:#f3f3f3;font-size:14px;color:#787878;padding:0 10px;}
.help-breadcrumb a{color:#39c;font-size:14px;background:url(../../images/ucenter/appbreadcrumb.png) no-repeat 100% 50%;background-size:7px 8px;padding:0 10px 0 5px;}
.help-breadcrumb span{padding-left:3px;}

.help-main{margin:14px 15px 30px;font-size:14px;line-height:23px;color:#454545;}
.help-faq-item .item-header{font-size:14px;}
.help-service-terms .item-header, .help-user-rights .item-header, .help-youdou .item-header{font-size:15px;text-align:center;margin:20px 0 10px;}
.help-user-rights h2, .help-youdou h2{font-size:14px;font-weight:100;}
.help-service-terms p, .help-user-rights p{text-indent:2em;}
.help-service-terms li, .help-user-rights li{position:relative;padding-left:18px}
.help-service-terms li span, .help-user-rights li span{position:absolute;left:0;top:0;}
.help-service-terms li li span, .help-user-rights li li span{left:-2px}
.help-service-terms li li{padding-left:20px}
.help-table{width:100%;border-collapse: collapse;line-height:18px}
.help-table thead th{color:#fff;padding:5px;border-right:1px solid #2ba1cd;background:#3bafda;text-align:center;}
.help-table .thick th{padding:10px 5px}
.help-table thead th:last-child{border-right:1px solid #3bafda}
.help-table tbody th, .help-table tbody td{padding:10px 5px;border:1px solid #e1e1e1;font-weight:100}
.help-table tbody th:first-child, .help-table tbody tr:first-child td{border-top:none;}
.help-table tbody tr:nth-child(even) td{background:#f3f3f3;}
.help-table .bg-1{background:#fce2d8;}
.help-table .bg-2{background:#f9f9d7;}
.help-table .bg-3{background:#c8dffb;}
.help-table .bg-4{background:#d8f9d7;}
.help-table .bg-5{background:#b8eeea;}
.help-table .bg-6{background:#e7e2f6;}
.help-table .bg-7{background:#e5f6d2;}
.help-table .bg-8{background:#daf4f3;}
.help-table .bg-9{background:#dfe9f9;}
.help-table .bg-10{background:#e7e2f6;}
.vip-silver, .vip-gold, .vip-bronze{display:block;margin:0 auto;width:10px;height:10px;-webkit-border-radius:50%;background:#B1BABA}
.vip-gold{background:#CF8F2A}
.vip-bronze{background:#8B5E32}
.text-center{text-align:center;}
.vip-silver-text, .vip-gold-text{text-align:center;}
.vip-gold-text{color:#f5a564}
.help-spr{margin:5px 0;}
.help-main .item-tips{color:#a8a8a8;margin-top:5px;}



/*我的消费*/
.com{background:#f2f2f2;font-family: "Hiragino Sans GB", "Microsoft yahei","WenQuanYi Micro Hei",Tahoma, Geneva, sans-serif;}
.com-app{padding-bottom:63px;}
.com-nav{line-height:44px;border-bottom:1px solid #e1e1e1;height:44px;background:#fff;}
.com-nav li{width:50%;float:left;}
.com-nav li a{display:block;position:relative;color:#000;text-align:center;font-size:14px;margin-left:-1px}
.com-nav li a::after{position:absolute;left:0;top:14px;height:18px;content:".";font-size:0;width:1px;background:#e1e1e1;}
.com-nav li .current, .app-item-action a{color:#60cdf6;}
.app-item{clear:both;min-height:53px;border-bottom:1px solid #e1e1e1;padding:8px 12px 0;line-height:18px;color:#454545;font-size:14px;background:#fff;}
.app-item-avatar, .app-unsubscribe-type, .com-profile-avatar{float:left;}
.app-item-avatar img{width:45px;height:45px;-webkit-border-radius:6px;}
.app-item-main{margin-left:58px;padding-top:3px;}
.app-item-header{overflow:hidden;margin-bottom:5px;}
.app-item-title{float:left;/*font-size:16px;*/width:60%;/*font-weight:700*/}
.app-item-pubdate{float:left;color:#8e8e8e;font-size:12px}
.app-item-supple, .app-item-action{float:right;}
.app-item-supple{color:#787878;font-size:12px;width:38%;text-align:right;}
.app-item-bar{padding-bottom:4px;overflow:hidden;}
.app-item-action span, .app-item-action a{margin-left:8px;font-size:12px}
.app-item-action span:first-child{margin-left:0}
.app-item-action .rmb{background:url(../../images/ucenter/apprmb.png) no-repeat 0% 50%;background-size:10px 12px;padding-left:12px;}
.app-item .app-item-unsubscribing{color:#f59055}
.app-item .app-item-unsubscribed{color:#a8a8a8}

.com-tips{font-size:14px;color:#787878;position:fixed;bottom:0;left:0;width:100%;background:#f2f2f2}
.com-tips div{padding:10px 15px;}
.com-submit{border:none;width:100%;margin:0;font-size:16px;}


.com-clear::after, .youdou-item::after{clear:both;content:".";display:block;height:0;overflow:hidden;}
.app-unsubscribe-box{background:#fff;border-bottom:1px solid #e1e1e1;line-height:44px;color:#000;font-size:16px;padding:0 15px;margin-bottom:20px}
.app-unsubscribe-value{float:right;font-weight:100}
.app-unsubscribe-info{color:#a8a8a8;text-align:right;border-top:1px solid #e1e1e1;clear:both;}
.app-unsubscribe-form{margin:42px 15px 0;}
.app-unsubscribe-status{font-size:16px;line-height:28px;color:#000;margin:15px;}

.youdou-item{border-bottom:1px solid #e1e1e1;padding:5px 15px 1px;line-height:22px;color:#a8a8a8;font-size:14px;background:#fff;}
.youdou-item-main{float:left;}
.youdou-item-title{font-size:16px;color:#000;}
.youdou-item-bar{float:right;line-height:42px;height:40px;font-size:18px;color:#60cdf6;overflow:hidden;}
.youdou-item-bar span{float:left;line-height:45px;}

.com-profile{margin:18px 22px;color:#000;font-size:16px;line-height:26px;height:65px;}
.com-profile-avatar img{width:64px;height:64px;-webkit-border-radius:50%;border:1px solid #fff;}
.com-profile-main{margin-left:81px;padding-top:7px;}
.youdou-month{color:#a8a8a8;font-size:14px;text-shadow:1px 1px 0 #fff;}

.help-faq-item div{position:relative;padding-left:28px;}
.help-faq-item div span{position:absolute;left:0;top:0;}

.com-main .loadsign{line-height:46px;text-align:center;display:none;color:#60cdf6}


.photos{background:#f3f3f3;}
.photos-banner{/*height:188px;background:#fff url(../../images/ucenter/photobanner960.png) no-repeat 50% 50%;background-size:640px 188px;*/}
.photos-banner img{ display: block; width: 100%;}
.photos-lst{padding:15px 8px;}
.photos-lst li{width:33%;float:left;margin-bottom:16px;line-height:25px;color:#686868;text-align:center;height:217px;}
.photos-lst li .photo-item{width:100%;text-align:center;background:#fff;overflow:hidden;}
.photos-lst li .photo-item-img{display:table-cell;text-align:center;vertical-align:middle;width:100%;height:140px;}
.photo-item-avatar{max-width:100%;max-height:100%;margin:0 auto;}
.photo-item-name{ overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.photo-item-geo, .photo-item-name, .photo-item-action{border-bottom:1px solid #e1e1e1;display:block;color:#686868;}
.photo-item-action{border:none; height: 36px; line-height: 36px;}
.photo-item-action i{background:url(../../images/ucenter/photos.png) no-repeat -15px 0;width:15px;height:13px;background-size:30px 55px;display:inline-block;}
.photo-item-action.disabled i{background-position:0 0;}
.photo-content-main{background:#fff;border-bottom:1px solid #e1e1e1;padding:22px 12px;}
.photo-content-pic img{width:100%;}
.photo-add-geo{background:#fff;padding:6px 12px;border-bottom:1px solid #e1e1e1;}
.photo-add-geo textarea{color:#a8a8a8;font-size:16px;width:100%;border:none;padding:0;height:160px;line-height:26px;}
.photo-add-geo textarea:focus{color:#000;outline:none}
.photo-add-action{margin:12px 12px;position:relative;text-align:right;}
.photo-add-action i{position:absolute;height:21px;width:23px;background:url(../../images/ucenter/photos.png) no-repeat 0 -13px;background-size:30px 55px;right:40px;top:2px;}
.photo-add-action input{position:absolute;height:21px;width:23px;opacity:0;right:40px;top:2px;}
.photo-add-image{float:left;}
.photos-add-link{background:#60cdf6;height:32px;color:#fff;line-height:32px;position:fixed;width:110px;bottom:25px;left:0;opacity:.8;border-radius:0 15px 15px 0;text-indent:12px;}
.photos-add-link i{background:url(../../images/ucenter/photos.png) no-repeat 0 -37px;width:15px;height:18px;vertical-align:middle;background-size:30px 55px;display:inline-block;margin:0 6px 0 0;}
.no-photo-yet{background:url(../../images/ucenter/nophoto.jpg) no-repeat 50% 0;background-size:202px 161px;height:202px;width:100%;margin-top:60px;}
.no-photo-personal{background:url(../../images/ucenter/nophotop.jpg) no-repeat 50% 0;background-size:316px 136px;height:202px;width:100%;margin-top:60px;}
.photo-delete-link{background:#e43f3f;border-radius:10px;line-height:45px;margin:20px 30px;text-align:center;color:#fff;}
.zoomin{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:20003;display:none;}
.zoomin-gesture{position:absolute;left:50%;top:50%;transition: all .2s linear;margin:-334px 0 0 -360px;
-webkit-backface-visibility:hidden;}

.sys-up{background:url(../../images/ucenter/up.png) no-repeat ;background-size:32px 32px;height:32px;position:fixed;width:32px;bottom:25px;right:0;z-index:103;display:none;}

/*modal*/
.modal-mask{position: fixed; top: 0; left: 0; bottom: 0; right: 0; height: 100%; width: 100%; z-index: 10003; background-color: rgba(0, 0, 0, 0.1);}
.modal-main{-webkit-user-select: none;position: fixed; top: 50%; left: 50%; z-index: 10005; margin-top: -60px; text-align:center;line-height:16px;font-size:14px;color:#000}
.modal-header{padding:20px 10px 5px;font-size:16px;font-weight:700;background-color: rgba(255, 255, 255, 1);border-radius: 10px 10px 0 0; }
.modal-content{padding:5px 10px 20px;background-color: rgba(255, 255, 255, 1);}
.modal-action{color:#007aff;font-weight:700;border-top:1px solid #eee;line-height:43px;font-size:16px;background-color: rgba(255, 255, 255, 1);border-radius:0 0 10px 10px }
.modal-action span{display:inline-block;color:#007aff;text-decoration:none;width:50%}
.modal-action .modal-action-ok{font-weight:100}
.modal-action .modal-action-ok::after{content:".";display:block;font-size:0;float:left;border-left:1px solid #eee;}
.modal-modern{background:#000;line-height:80px;color:#fff; border-radius: 10px;}
.modal-modern img{border-radius:10px;}

/*icon-photo*/
.icon-photo-works{ display: block; background: url("../../images/ucenter/icon-photo-wall.png") no-repeat center -175px; width: 35px; height: 35px;}
.icon-photo-flag{ display: block; background: url("../../images/ucenter/icon-photo-wall.png") no-repeat center top; width: 35px; height: 35px;}
.icon-photo-pic{ display: block; background: url("../../images/ucenter/icon-photo-wall.png") no-repeat center -35px; width: 35px; height: 35px;}
.icon-photo-cup{ display: block; background: url("../../images/ucenter/icon-photo-wall.png") no-repeat center -70px; width: 35px; height: 35px;}
.icon-photo-rank{ display: block; background: url("../../images/ucenter/icon-photo-wall.png") no-repeat center -105px; width: 35px; height: 35px;}
.icon-photo-magnify{ display: block; background: url("../../images/ucenter/icon-photo-wall.png") no-repeat center -140px; width: 35px; height: 35px;}
/*photo-nav*/
.photo-nav{ clear: both; width: 100%; overflow: auto; background-color: white;}
.photo-nav ul{ padding: 12px 10px; width: 100%; overflow: auto; box-sizing: border-box;}
.photo-nav li{ width: 20%; box-sizing: border-box; float: left; text-align: center;}
.photo-nav i{ display: block; vertical-align: middle; width: 56px; height: 56px; overflow: hidden; margin: 0 auto 2px; background-color: #66CCFF; border-radius: 50%;}
.photo-nav>ul>li:first-child i{ background-color:#5689EF;}
.photo-nav>ul>li:nth-child(2) i{ background-color: #FAB461;}
.photo-nav>ul>li:nth-child(3) i{ background-color: #7FCD5C;}
.photo-nav>ul>li:last-child i{ background-color: #66E8EC;}
.photo-nav li a{ display: block; color: black; font-size: 14px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.photo-nav span{ margin: 9px auto;}
/*photo-list modify20160115*/
.photos-lst-new201601{ background-color: white; height: auto; border-top:1px solid #CECCCC;}
.photo-li-new201601{ width: 32%!important; background-color: #F2F2F2; height: auto!important;}
.photo-li-new201601:nth-child(3n+2){ margin: 0 2%;}
.photo-li-new201601:nth-child(3n+1){ clear: both;}
.photo-li-new201601>div{ margin: 0; background: none;}
/*.photo-li-new201601>div>a>img{ height: auto; display: block;}*/
.slide-loading{ width: 130px; height: 50px; line-height: 50px; margin: 0 auto; color:#8D8D8D; text-align: center; background: url("../../images/ucenter/subscription/slide-more.gif") no-repeat left 17px;}
/*photo-search*/
.photo-search{ width: 100%; overflow: auto; position: relative; margin: 0 auto 15px;}
.photo-search input{ -webkit-appearance: textfield; color:#BDBDBD; box-sizing: border-box; padding: 0 8px 0 32px; font-size: 14px; width: 80%; border: none; border-radius: 0; background-color: #F2F2F2; float: left; height: 36px; line-height: 36px;}
.photo-search a{ float: right; height: 36px; line-height: 36px; width: 18%; max-width: 80px; color: white; background-color: #60CDF6; text-align: center;}
.photo-search span.icon-photo-magnify{ position: absolute; left: 0; top:0;}
/*works-rank*/
body{ background-color: #F2F2F2;}
.works-rank{ width: 100%; overflow: auto; box-sizing: border-box; padding: 8px 11px;}
.works-rank h1{ text-align: center; font-weight: 100; font-size: 18px; line-height: 24px;}
.works-rank table{ width: 100%; margin: 10px auto; background-color: #FFFFFF; table-layout:fixed; empty-cells:show; border-collapse:collapse;}
.works-rank table thead{ background-color: #60CDF6; color: white;}
.works-rank table thead th{ font-weight: 100;}
.works-rank table tbody tr:nth-child(even){ background-color: #F2F2F2;}
.works-rank table tbody td{ text-align: center;}
.works-rank table thead tr th:nth-child(2),.works-rank table tbody tr td:nth-child(2){ width: 20%;}
.works-rank table thead tr th:nth-child(4),.works-rank table tbody tr td:nth-child(4){ width: 40%;}
/*photo-intro*/
.photo-intro,.photo-intro-detail{ width: 100%; box-sizing: border-box; overflow: auto; font-size: 14px; margin: 20px auto;}
.photo-intro{ background: url("../../images/ucenter/bg-photo-intro1-repeat-y.jpg") center; background-size: 100%;}
.photo-intro h1,.photo-intro-detail h2{ text-align: center; font-size: 16px;}
.photo-intro-content span.red{ color: red;}
.photo-intro-top{ background: url("../../images/ucenter/bg-photo-intro1-top.jpg") no-repeat left top; background-size: 100%; padding:12% 10% 3%;}
.photo-intro-content{ background: url("../../images/ucenter/bg-photo-intro1-bottom1.jpg") no-repeat left bottom; background-size: 100%; padding:0 10% 13%;}
.photo-intro-detail-content{ color: #666666; background: url("../../images/ucenter/bg-photo-wave-bottom.png") repeat-x left bottom white; padding: 0 10% 30px;}
.photo-intro-detail-top{ background: url("../../images/ucenter/bg-photo-wave-top.png") repeat-x left top white; padding:25px 0 5px;}
/*mask-layer*/
.mask-layer{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgba(217,217,217,0.5); z-index: 9;}
.mask-layer div{ background-color: white; width: 80%; position: absolute; top: 50%; left: 10%; margin-top: -80px; border-radius: 5px;}
.mask-layer p{ font-size: 14px; height: 42px; line-height: 42px; color:black; text-align: center;}
.mask-layer p:first-child{ border-bottom: 1px solid #EFEFEF;}
.mask-layer p a{ display: inline-block; float: left; width: 50%; box-sizing: border-box; color: #60CDF6;}
.mask-layer p a:first-child{ border-right: 1px solid #EFEFEF; color: #969696;}
/*Response Style*/
@media screen and (min-width: 360px) {
	.app-item-pubdate, .app-item-supple{font-size:14px}
    .app-item-action span, .app-item-action a{font-size:14px;margin-left:12px;}
}
@media screen and (min-width: 640px) {
	.help-nav ul ul{width:220px;}
}

.comments{
    /*background: #fff;*/
    /*margin: 0 15px;*/
}
.comments-hd{
    margin: 25px -20px;
    font-weight: 100;
    color: #000;
    font-size: 20px;
    border-top: 20px solid #f3f3f3;
    padding: 20px 20px 0;
}
.comments-bd{
    line-height: 32px;
    font-size: 16px;
    color: #282828;
}
.comment-item-avatar{
   float: left;
}
.comment-item-avatar img{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #eee;
}

.comment-item-main{
    margin-left: 45px;
    border-bottom: 1px dashed #d0d0d0;
    margin-bottom: 15px;
}
.comment-item-tit{
    display: flex;
    display: -webkit-flex;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    flex-flow: row;
    -webkit-flex-flow: row;
    -moz-flex-flow: row;
    font-size: 15px;
}
.comment-item-del, .comment-item-reply{
    flex: none;
    margin-left: 10px;
}
.comment-item-del{
    color: #a4a4a4;
}
.comment-item-reply{
    color: #007aff;
}
.comment-item-pubdate{
    flex: auto;
    color: #d0d0d0;
    white-space: nowrap;
}
.comment-item-nickname{
    color: #a4a4a4;
    max-width: 110px;
    margin-right: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: none;
}
.comment-item-at span{
    color: #ea4740;
    margin-left: 10px;
}
.comment-item-content{
    line-height: 24px;
    margin: 6px 0 10px;
}
.comment-publish-text textarea{
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    vertical-align: middle;
    height: 80px;
    border: 1px solid #3f404c;
    border-bottom: none;
    color: #282828;
}
.comment-publish-text textarea::-webkit-input-placeholder{
    color: #a4a4a4;
}
.comment-publish-btn{
    background: #f4f5f6;
    border: 1px solid #3f404c;
    border-top: none;
    height: 34px;
    margin-bottom: 20px;
}
.comment-publish-btn button{
    float: right;
    vertical-align: middle;
    line-height: 34px;
    border: none;
    background: #3f404c;
    color: #FFF;
    height: 100%;
    width: 100px;
}
.comments-stats{
    text-align: center;
    padding: 10px 0;
}

/*modal*/
.modal-mask, .pop{position: fixed; top: 0; left: 0; bottom: 0; right: 0;z-index: 10003; background-color: rgba(0, 0, 0, 0.2);}
.modal-main{-webkit-user-select: none;position: fixed; top: 50%; left: 50%; z-index: 10005; margin-top: -100px; text-align:center;line-height:16px;font-size:14px;color:#000}
.modal-header{padding:20px 10px 5px;font-size:16px;font-weight:700;background-color: rgba(255, 255, 255, 1);border-radius: 10px 10px 0 0; }
.modal-content{padding:5px 10px 20px;background-color: rgba(255, 255, 255, 1);}
.modal-action{color:#007aff;font-weight:400;border-top:1px solid #eee;line-height:43px;font-size:16px;background-color: rgba(255, 255, 255, 1);border-radius:0 0 10px 10px }
.modal-action span{display:inline-block;color:#007aff;text-decoration:none;width:50%}
.modal-action .modal-action-ok{font-weight:400}
.modal-action .modal-action-ok::after{content:".";display:block;font-size:0;float:left;border-left:1px solid #eee;}
.modal-modern{background:#000;line-height:80px;color:#fff; border-radius: 10px;}
.modal-modern img{border-radius:10px;}
